<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>

<link type="text/css" rel="stylesheet" href="css/register.css">

<body>
    <div>
        <form class="contact_form" action="#" method="post">
            <ul>
                <li class="usually">
                    <h2>用户注册</h2>
                </li>
                <li class="usually">
                    <span>昵称</span>
                    <input type="text" name="name" required pattern="^[a-zA-z0-9{6,8}]">
                </li>
                <li class="usually">
                    <span>注册邮箱</span>
                    <input type="email" required placeholder="liyuchen@google.com">
                </li>
                <li class="usually">
                    <span>密码：</span>
                    <input type="password" name="password" required>
                </li>
                <li>
                    <span>性别：</span>
                    <input type="radio" id="male" name="sex" value="male" checked>
                    <label for="male">男</label>
                    <input type="radio" id="female" name="sex" value="female">
                    <label for="female">女</label>
                </li>
                <li>
                    <span>兴趣爱好：</span>
                    <input type="checkbox" name="interest[]" id="football">
                    <label for="football">足球</label>
                    <input type="checkbox" name="interest[]" id="dance">
                    <label for="dance">跳舞</label>
                    <input type="checkbox" name="interest[]" id="swim">
                    <label for="swim">游泳</label>
                </li>
                <li>
                    <span>自我介绍</span>
                    <textarea name="introduction" id="" cols="200" rows="10" placeholder="please enter you message" required></textarea>
                </li>
                <li>
                    <input type="submit" class="submit" value="立即注册">
                </li>
            </ul>
        </form>
    </div>
</body>


</html>